layui.use(['form', 'table', 'layer', 'upload','xmSelect'], function () {
    var $ = layui.jquery,
        form = layui.form,
        xmSelect = layui.xmSelect,
        upload = layui.upload;

    /** 编辑窗开始 */
    var initData = initArticle();
    //初始化信息
    initInfo(initData);
    //初始化编辑窗
    var markDownEditor = initEditor(initData);


    form.on('submit(saveBlogMeInfo)', function (datas) {
        upAddBlogMeInfo(initData, markDownEditor);
    });

    uploadImg(upload);
    /** 编辑窗结束 */

});

/**上传头像*/
function uploadImg(upload){
    upload.render({
        elem: '#imageUpload' //绑定元素
        , url: dl_coder_url.blog_uploadImg[0] //上传接口
        ,
        headers: {"token": headerMap.token},
        field: dl_coder_url.blog_uploadImg[2],
        force: "JSON",
        //上传展示图片
        done: function (result) {
            $('.blogMeImg').empty();
            $('.blogMeImg').append('<a href="javascript:void(0);" onclick="openImg();"><input name="headerImg"  id="headerImg" value="'+ result.data.img+'" style="display: none;"/> <img  id="showHeaderImg" src="' + result.data.imgShow  + '" width="200px"></a>');
        }
        , error: function () {
            //请求异常回调
        }
    });
}

/*查看大图*/
function openImg() {
    var idBar = '#showHeaderImg';
    var src = $(idBar)[0].src;
    var width = $(idBar).width();
    var height = $(idBar).height();
    var scaleWH = width / height;
    var bigH = 550;
    var bigW = scaleWH * bigH;
    if (bigW > 1000) {
        bigW = 1000;
        bigH = bigW / scaleWH;
    } // 放大预览图片
    parent.layer.open({
        type: 1,
        title: false,
        closeBtn: 1,
        shadeClose: true,
        area: [bigW + 'px', bigH + 'px'], //宽高
        content: '<img width="' + bigW + '" src="' + src + '" />'
    });
}


function upAddBlogMeInfo(initData, markDownEditor) {
    var formData = $(".blogMeInfoEdit").serializeJson();
    formData["aboutMeHtml"] = markDownEditor.getPreviewedHTML();
    formData["aboutMeMd"] = markDownEditor.getMarkdown();
    JSONAuthAjax(dl_coder_url.info_blog_me_save[0], dl_coder_url.info_blog_me_save[1], formData);
}

function initArticle() {
    var jsonAuthAjax = JSONAuthAjax(dl_coder_url.info_blog_me[0], dl_coder_url.info_blog_me[1], null);
    if (jsonAuthAjax.code === http_ok) {
        return jsonAuthAjax.data;
    }

    return null;
}

//初始化页面信息
function initInfo(data) {

    //编辑页面信息
    if (data !== null) {
        $(".rssTitle").val(data.rssTitle);
        $(".rssLink").val(data.rssLink);
        $(".rssDesc").val(data.rssDesc);
        $('.blogMeImg').empty();
        $('.blogMeImg').append('<a href="javascript:void(0);" onclick="openImg();"><input name="headerImg"  id="headerImg" value="'+data.headerImg+'" style="display: none;"/> <img  id="showHeaderImg" src="' + data.showHeaderImg + '" width="200px"></a>');

        $(".articleTitle").val(data.articleTitle);
        $(".articleDescription").val(data.articleDescription);
    }

}

// 初始化编辑器
function initEditor(data) {
    // 编辑器名称要与页面中应放置的区域id保持一致
    var markDownEditor = editormd("editBlogMeInfo", {
        // 高度
        height: 600,
        // 滚动条纵向滚动,设置为false取消滚动
        syncScrolling: "single",
        // lib资源路径
        path: "../../layui-v2.8.0/lay-module/markdown/lib/",
        // 编辑器工具栏区域样式风格
        theme: "default",
        // 编辑器编辑部分样式风格
        editorTheme: "default",
        // 预览区域样式风格
        previewTheme: "default",
        // 开启表情使用
        emoji: true,
        width: "100%",
        codeFold: true,
        //syncScrolling : false,
        saveHTMLToTextarea: true,    // 保存 HTML 到 Textarea
        searchReplace: true,
        watch : true,                // 关闭实时预览
        htmlDecode: "style,script,iframe|on*",            // 开启 HTML 标签解析，为了安全性，默认不开启
        //toolbar  : false,             //关闭工具栏
        //previewCodeHighlight : false, // 关闭预览 HTML 的代码块高亮，默认开启
        placeholder: "请输入内容",
        taskList: true,
        tocm: true,         // Using [TOCM]
        tex: true,                   // 开启科学公式TeX语言支持，默认关闭
        flowChart: true,             // 开启流程图支持，默认关闭
        sequenceDiagram: true,       // 开启时序/序列图支持，默认关闭,
        //dialogLockScreen : false,   // 设置弹出层对话框不锁屏，全局通用，默认为true
        //dialogShowMask : false,     // 设置弹出层对话框显示透明遮罩层，全局通用，默认为true
        //dialogDraggable : false,    // 设置弹出层对话框不可拖动，全局通用，默认为true
        //dialogMaskOpacity : 0.4,    // 设置透明遮罩层的透明度，全局通用，默认值为0.1
        //dialogMaskBgColor : "#000", // 设置透明遮罩层的背景颜色，全局通用，默认为#fff
        imageUpload: true,
        imageFormats: ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
        imageUploadURL: dl_coder_url.upload_article_file,
        imageToken: headerMap.token,
        onload: function () {
            if (data !== null) {
                this.setMarkdown(data.aboutMeMd);

            }
        }
    });


    return markDownEditor;
}